/**
 * 富文本内容处理工具
 */

/**
 * 为富文本中的图片添加响应式样式
 * @param html 原始HTML字符串
 * @returns 处理后的HTML字符串
 */
export const processRichTextImages = (html: string): string => {
  if (!html) return '';
  
  // 为所有 img 标签添加样式，确保宽度不超过容器
  return html.replace(
    /<img([^>]*)>/gi,
    '<img$1 style="max-width: 100%; width: 100%; height: auto; display: block;">'
  );
};

/**
 * 替换富文本中的API路径为完整URL
 * @param text 原始文本
 * @param baseUrl 基础URL，默认为 https://anfine.huasun-healthcare.com/api
 * @returns 处理后的文本
 */
export const replaceApiUrl = (text: string, baseUrl: string = 'https://anfine.huasun-healthcare.com/api'): string => {
  if (!text) return '';
  
  // 替换相对路径为目标URL
  return text.replace(/(src=")api/g, `src="${baseUrl}`);
};

/**
 * 完整的富文本处理函数
 * 包含URL替换和图片样式处理
 * @param text 原始富文本内容
 * @param baseUrl 基础URL
 * @returns 处理后的富文本内容
 */
export const processRichText = (text: string, baseUrl: string = 'https://anfine.huasun-healthcare.com/api'): string => {
  if (!text) return '';
  
  // 先替换URL
  const urlProcessed = replaceApiUrl(text, baseUrl);
  
  // 再处理图片样式
  return processRichTextImages(urlProcessed);
};

/**
 * 富文本处理相关的组合式函数
 */
export const useRichText = () => {
  return {
    processRichTextImages,
    replaceApiUrl,
    processRichText
  };
};
